<!--
 * @Author: 陈焕杰
 * @Date: 2020-06-29 16:06:59
 * @LastEditTime: 2020-06-29 21:05:36
 * @LastEditors: Please set LastEditors
 * @Description: 物流信息
 * @FilePath: \mobile_project\src\pages\user\orders\orderDetail\components\latestLogistics.vue
--> 

<template>
  <div class="latest-logistics">
    <van-cell-group>
      <van-cell title="最新物流信息" icon="logistics">
        <template>
          <router-link to="orderDetail/logistical">
            <span>查看全部</span>
          </router-link>
        </template>
      </van-cell>
      <van-cell>
        <template>
          <van-steps direction="vertical" active-color="red" :active="0">
            <van-step>
              <p>2018-01-31 19:34:51</p>
              <h3>快递已经到达小区，请注意签收</h3>
            </van-step>
          </van-steps>
        </template>
      </van-cell>
    </van-cell-group>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.latest-logistics {
  margin-bottom: 10px;
  .van-cell {
    .van-icon {
      font-size: 18px;
      color: #999;
    }
    .van-cell__title {
      span {
        font-size: 14px;
      }
    }
    .van-cell__value {
      span {
        font-size: 14px;
        color: #ff4755;
      }
      /deep/ .van-steps {
        .van-hairline {
          .van-step__title {
            p {
              color: #cfcfcf;
              font-size: 14px;
            }
            h3 {
              color: #000;
              font-weight: normal;
              font-size: 14px;
            }
          }
          .van-step__circle-container {
            height: 76px;
            line-height: 95px;
            .van-icon {
              font-size: 14px;
            }
          }
        }
      }
    }
  }
}
</style>